<%@page import="th.co.exat.uap.config.Config" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<% request.setAttribute("sName", Config.getSystemName());%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>${sName}</title>
        <script type="text/javascript" src="theme/js/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="theme/css/styles.css" />
        <script type="text/javascript" >
            $().ready(function() {
                $('#username').focus();

            });
        </script>
    </head>
    <body>
        <div class="login">
            <table cellspacing="0" cellpadding="0" border="0" >
                <tr>
                    <td class="top-left" ><img src="theme/images/login_top_left.gif"/></td>
                    <td class="top-center">&nbsp;</td>
                    <td class="top-right"><img src="theme/images/login_top_right.gif"/></td>
                </tr>
                <tr>
                    <td class="middle-left">&nbsp;</td>
                    <td class="middle-center">
                        <table>
                            <tr>
                                <td style="background-color: #eaedf0;">
                                    <img src="theme/images/system-logo.gif" />
                                </td>
                                <td align="center">
                                    <h2>${sName}</h2>
                                    <img src="theme/images/exat-logo.jpg"  />
                                    <h3 style="color: red">${message}</h3>
                                    <form action="LoginAction" method="post">
                                        <table>
                                            <tr>
                                                <td>Username :</td>
                                                <td><input type="text" id="username" name="username" size="15" /></td>
                                                <td>&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td>Password :</td>
                                                <td><input type="password" id="password" name="password" size="15"/></td>
                                                <td>&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td>&nbsp;</td>
                                                <td><input type="submit" value="Login" /></td>
                                                <td>&nbsp;</td>
                                            </tr>

                                        </table>
                                    </form>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class="middle-right">&nbsp;</td>
                </tr>
                <tr>
                    <td class="bottom-left"><img src="theme/images/login_bottom_left.gif" /></td>
                    <td class="bottom-center">&nbsp;</td>
                    <td class="bottom-right"><img src="theme/images/login_bottom_right.gif" /></td>
                </tr>
            </table>
        </div>
    </body>
</html>
